<template>
	<!--邀请弹出框 游客确认-->
	<div class="invite-pop-box">
		<div class="wrapper">
			<p class="tip-header">温馨提醒</p>
			<p class="tip-text">当前为游客模式，是否登录手机银行</p>
			<p class="tip-text" v-if="isShow">参与邀请排名</p>
			<div class="btn-box">
				<div class="btn-y" @click="clickY">
					是
				</div>
				<div class="btn-n" @click="clickN">
					否
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import fun from "../util/function";
	export default {
		props:{
			type:String,
			preImagUrl:String,
		},
		data() {
			return {
				isShow: true,
			}
		},
		created(){
			if(this.type=='shortVideo'||this.type=='lookBackPage'){
				this.isShow = false
			}
		},
		methods: {
			clickY() {
				 fun.goLogin(location.href)
			},
			clickN() {
				if(this.type=='livePage'||this.type=='lookBackPage'){//直播间组件  和回看 
					this.$emit("formChildMsg", {
					type: "ykInvite",//光大游客邀请卡
					data: "ruan"
				});
				}else if(this.type=='shortVideo'){//短视频大赛
					this.$emit("sendParent", {type: "close",data: '哈哈'});
				}
				 
			},
		},
		watch: {}

	}
</script>

<style scoped="scoped">
	.btn-y{
		width:260px;
		height:90px;
		background:rgba(184,42,255,1);
		box-shadow:0px 0px 16px 0px rgba(116,116,116,0.5);
		border-radius:45px;
		margin-right: 36px;
		font-size:34px;
		font-weight:400;
		color:rgba(255,255,255,1);	
		text-align: center;
		line-height: 90px;	
	}
	.btn-n{
		width:260px;
		height:90px;
		background:rgba(184,42,255,0);
		border:1px solid rgba(184, 42, 255, 1);
		border-radius:45px;
		text-align: center;
		line-height: 90px;
		color: #333333;
	}
	.btn-box{
		width: 100%;
		height: 100px;
		/*background: pink;*/
		margin-top: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.tip-text{
		font-size:28px;
		font-weight:400;
		color:rgba(102,102,102,1);
		line-height:50px;
	}
	.tip-header {
		font-size: 38px;
		font-weight: bold;
		color: rgba(184, 42, 255, 1);
		line-height: 70px;
		margin-bottom: 20px;
	}
	
	.invite-pop-box {
		width: 100vw;
		height: 100vh;
		background: rgba(0, 0, 0, .6);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10001;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.wrapper {
		width: 622px;
		height: 438px;
		background: rgba(255, 255, 255, 1);
		border-radius: 12px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	
	.block {
		width: 120px;
		height: 120px;
		background-color: #fff;
	}
</style>